@charset "UTF-8";
/* ====== Reset ====== */
*{box-sizing: border-box;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, small, strong, dl, dt, dd, ol, ul, li{margin: 0; padding: 0; font-size: 100%;}
em, strong, i{font-style: normal;}
i{display: inline-block;vertical-align: middle;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
body{font:14px/1.5 Arial,"Microsoft Yahei","微软雅黑","helvetica",sans-serif; color: #666; background-color: #fff;overflow-x:hidden;min-width: 1200px;}
ul,ol,li{list-style: none;}
a{color: #666; text-decoration: none;}
a:hover{color: #d0212b; -webkit-transition: color .2s; -o-transition: color .2s; transition: color .2s;}
input, button{padding: 0; border: none; background: none;}
button{outline: none; }
textarea{border: none;overflow: hidden;background: none;}
table{border-collapse:collapse; border-spacing:0;border: 1px solid #e4e4e4;}
td,tr{border: 1px solid #e4e4e4;padding: 5px;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
img{vertical-align: middle;max-width: 100%;max-height: 100%;}
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details, summary, picture {display: block;}/*html5 fix*/

/* ====== General ====== */
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{zoom:1;}
.f-l{float: left;}
.f-r{float: right;}
.clear{clear: both;}
.t-l{text-align: left}
.t-r{text-align: right}
.t-c{text-align: center}
.t-j{text-align: justify}
.t-hide{font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-center{text-align: center;}
.en-big{text-transform: uppercase;}
.hide{display: none;}
.show{display: block;}
.img-mid{display: inline-block; max-width: 100%;vertical-align: middle;}
.com-table{display: table;height: 100%;}
.com-cell{display: table-cell;vertical-align: middle;}
.com-width{margin-right: auto; margin-left: auto; width: 1200px;}
.box{display: block; width: 100%; height: 100%;}
.fw-600{font-weight: 600;}
.fw-300{font-weight: 300;}
.mw-100{max-width: 100%;}

.fs-0{font-size: 0;}
.fs-30{font-size: 30px;}
.fs-28{font-size: 28px;}
.fs-24{font-size: 24px;}
.fs-22{font-size: 22px;}
.fs-20{font-size: 20px;}
.fs-18{font-size: 18px;}
.fs-16{font-size: 16px;}
.fs-12{font-size: 12px;}
.fs-0{font-size: 0;}
.lh-18{line-height: 1.8;}
.lh-2{line-height: 2;}
.m-0{margin: 0!important;}
.mt-50{margin-top: 50px;}
.mb-15{margin-bottom: 15px;}
.mb-80{margin-bottom: 80px;}
.pl-18{padding-left: 18px;}
.pt-70{padding-top: 70px;}
.pd-100{padding-bottom: 100px;}
.pd-80{padding-bottom: 80px;}
.pd-70{padding-bottom: 70px;}
.pd-60{padding-bottom: 60px;}
.pd-50{padding-bottom: 50px;}
.pd-40{padding-bottom: 40px;}
.c-999{color: #999;}
.c-333{color: #333;}
.c-df{color: #d0212b!important;}
.bg-fff{background: #fff;}
.bg-gray{background: #f5f5f5;}

/*浏览器更新提示*/
.browserupgrade{margin: 0; padding: 50px 0; background: #ccc; text-align: center; font-size: 18px;}
.browserupgrade a{font-weight: 600; color: red; text-decoration: underline;}

/*返回顶部*/
#to-top{display: inline-block; width: 45px; height: 45px;background: #ccc url(../images/common/top_icon.png) no-repeat center;text-align: center; text-decoration: none; line-height: 30px; z-index: 999; right: 20px;opacity: 0.5; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
#to-top:hover{opacity: 1;}


a.animBtn:link, a.animBtn:visited {
  position: relative;
  /*display: block;*/
  /*width: 180px;*/
  /*margin: 30px auto 0;*/
  /*padding: 14px 15px;*/
  /*border: 2px solid #fff;*/
  /*background: red;*/
  /*color: #fff;*/
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  letter-spacing: .08em;
  /*text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);*/
  text-shadow:0 1px 1px rgba(0,0,0,0.2);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
a.animBtn:link:after, a.animBtn:visited:after {
  content: "";
  position: absolute;
  background: none repeat scroll 0 0 #d0212b;
  height: 0%;
  left: 50%;
  top: 50%;
  width: 100%;
  z-index: -1;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}
a.animBtn:link:hover, a.animBtn:visited:hover {
  color: #fff;
  text-shadow: none;
}
a.animBtn:link:hover:after, a.animBtn:visited:hover:after {
  height: 420%;
}

a.animBtn.themeA:after {
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}